<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>danceWeui框架</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" href="../../css/weui.min.css">
    <link rel="stylesheet" href="../../css/danceWeui.css">
	<link rel="stylesheet" href="../../../iconfont/iconfont.css">
</head>
<body class="page__bg">

<div class="daui-navbar bg-gradual-blue">
	<div class="daui-navbar__hd">
		<a href="javascript:history.back(-1)"><i class="iconfontzz icon-fanhuijiantou"></i>返回</a>
	</div>
	<div class="daui-navbar__bd">单元格</div>
	<div class="daui-navbar__hd">
		<a href="../index.html"><i class="iconfontzz icon-home"></i></a>
	</div>
</div>

<div class="daui-headline daui-headline_left">
	<div class="daui-headline__text-area">
		<h2 class="daui-headline__title">单元格 Cell</h2>
		<p class="daui-headline__desc">单元格列表，标题</p>
	</div>
</div>

<div>
	<div class="weui-cells__title">基础功能</div>
	<div class="weui-cells">
		<div class="weui-cell weui-cell_access">
			<div class="weui-cell__bd">
				基础单元格
			</div>
			<div class="weui-cell__ft"></div>
		</div>
		<div class="weui-cell">
			<div class="weui-cell__bd">
				<div>带内容的单元格</div>
				<div class="daweui-media__desc">带内容的单元格</div>
			</div>
			<div class="weui-cell__ft">说明文字</div>
		</div>
	</div>

	<div class="weui-cells__title">自定义图标/图片</div>
	<div class="weui-cells">
		<div class="weui-cell daui-cell_mini">
			<div class="weui-cell__hd"><img src="../images/icon20.png" class="daui-cell__thumb"></div>
			<div class="weui-cell__bd">
				标题文字
			</div>
			<div class="weui-cell__ft">说明文字</div>
		</div>
		<div class="weui-cell daui-cell_mini">
			<div class="weui-cell__hd"><img src="https://www.uucms.com/danceui_res/basic/tag.png" class="daui-cell__thumb"></div>
			<div class="weui-cell__bd">
				自定义图片
			</div>
		</div>
	</div>

	<div class="weui-cells__title">
		自定义标题Titlebar
	</div>
	<div class="weui-cells__title daui-cells_titlebar">默认</div>
	<div class="weui-cells__title daui-cells_titlebar daui-cells_titlebar-primary">主色</div>
	<div class="weui-cells__title daui-cells_titlebar daui-cells_titlebar-success">成功</div>
	<div class="weui-cells__title daui-cells_titlebar daui-cells_titlebar-info">信息</div>
	<div class="weui-cells__title daui-cells_titlebar daui-cells_titlebar-warning">警告</div>
	<div class="weui-cells__title daui-cells_titlebar daui-cells_titlebar-danger">危险</div>
	
	<div class="weui-cells__title">
		自定义标题Titlebar(竖条)
	</div>
	<div class="weui-cells__title daui-cells_titlebar daui-cells_titlebar-vertical">默认</div>
	<div class="weui-cells__title daui-cells_titlebar daui-cells_titlebar-vertical daui-cells_titlebar-primary">主色</div>
	<div class="weui-cells__title daui-cells_titlebar daui-cells_titlebar-vertical daui-cells_titlebar-success">成功</div>
	<div class="weui-cells__title daui-cells_titlebar daui-cells_titlebar-vertical daui-cells_titlebar-info">信息</div>
	<div class="weui-cells__title daui-cells_titlebar daui-cells_titlebar-vertical daui-cells_titlebar-warning">警告</div>
	<div class="weui-cells__title daui-cells_titlebar daui-cells_titlebar-vertical daui-cells_titlebar-danger">危险</div>

	<!--
	<div class="weui-cells__title">
		自定义单元格Titbar
	</div>
	<div class="weui-cells">
		<div class="weui-cell daui-cell_titbar-one">
			<div class="weui-cell__hd"></div>
			<div class="weui-cell__bd">带圈圈的</div>
		</div>
		<div class="weui-cell daui-cell_titbar-one">
			<div class="weui-cell__hd text-green"></div>
			<div class="weui-cell__bd">带圈圈的自定义颜色</div>
		</div>
	</div>

	<div class="weui-cells__title">
		自定义单元格Titbar
	</div>
	<div class="weui-cells">
		<div class="weui-cell daui-cell_titbar-two">
			<div class="weui-cell__hd"></div>
			<div class="weui-cell__bd">带竖条的</div>
		</div>
		<div class="weui-cell daui-cell_titbar-two">
			<div class="weui-cell__hd text-green"></div>
			<div class="weui-cell__bd">带竖条的自定义颜色</div>
		</div>
	</div>
	-->
	
	<div class="weui-cells__title">
		其他
	</div>
	<div class="weui-cells">
		<a class="weui-cell daui-cell_access" href="javascript:;">
			<div class="weui-cell__hd"></div>
			<div class="weui-cell__bd">订单数量</div>
			<div class="weui-cell__ft">5</div>
		</a>
	</div>

	<div class="weui-cells__title">
		备注
	</div>
	<div class="weui-cells">
		<div class="weui-cell">
			<div class="weui-cell__hd"></div>
			<div class="weui-cell__bd">标题Bar和自定义Cellbar区别不大，可能标题Bar用起来更简短一点，Cellbar使用起来扩展性高一点。</div>
		</div>
	</div>
</div>

<div class="daui-gap daui-gap_transparent"></div>
<div class="daui-footer">
	<div class="daui-footer__links">
		<a class="daui-footer__links-item" href="../index.html">DanceWeUI首页</a>
		<a class="daui-footer__links-item" href="https://gitee.com/lianlianzan/danceui" target="_blank">去码云下载</a>
	</div>
	<div class="daui-footer__text">Copyright &copy; DanceUI</div>
</div>

</body>
</html>